.banner{
    width:100%;
    height:300px;
}
.banner-c{
    background: url(../img/0.png) no-repeat center;
    background-size: cover;
}
.posi{
    margin:50px 0 70px;
}
.posi .nav{
    float:right;
}
.posi .nav li{
    float: left;
    margin-left: 20px;
}
.posi .nav .nav-item{
    font-size:14px;
    height: 16px;
    line-height: 16px;
    width:48px;
    text-align: center;
}
.posi .nav .nav-col{
    margin-top:4px;
    width:1px;
    height:8px;
    background-color: #b5b5b5;
}
.posi .nav-item a{
    display: block;
    height:100%;
    width:100%;
}
.posi .nav-item p{
    /* float: none;
    display: block; */
    width:12px;
    height:1px;
    background-color: #668aca;
    margin:3px auto 0;
    opacity: 0;
}
.posi .nav-item:hover p{
    opacity: 1;
}
.posi .nav-item:hover a{
    color:#668aca;
    font-size: 16px;
}
.posi .nav-item.active a{
    color:#668aca;
    font-size: 16px;
}
.posi .nav-item.active p{
    opacity: 1;
}
.hh{
    width:100%;
    overflow: hidden;
    /* height:537px; */
}
.hh .hh-item{
    float: left;
    width:360px;
    /* height:246px; */
    margin-bottom: 45px;
    margin-right:60px;
    border-radius: 8px;
}
.hh .mr0{
    margin-right: 0;
}
.hh .mb0{
    margin-bottom: 0;
}
.hh .hh-item .desc{
    text-indent: 56px;
    margin-top: 20px;
}
.hh .hh-item .desc h4{
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 9px;
}
.hh .hh-item .desc p{
    font-size: 12px;
    line-height: 12px;
}
.hh .mb1{
    margin-bottom: 0;
}